<!--<template>-->
<!--  <div class="app-container">-->
<!--    &lt;!&ndash; 查询和其他操作 &ndash;&gt;-->
<!--    <div class="filter-container" >-->
<!--      <el-input-->
<!--        v-model="listQuery.id"-->
<!--        clearable-->
<!--        class="filter-item"-->
<!--        style="width: 200px;"-->
<!--        placeholder="请输入用户Id"-->
<!--      />-->
<!--      <el-input-->
<!--        v-model="listQuery.nickname"-->
<!--        clearable-->
<!--        class="filter-item"-->
<!--        style="width: 200px;"-->
<!--        placeholder="请输入昵称"-->
<!--      />-->
<!--      <el-select-->
<!--        v-model="listQuery.gender"-->
<!--        style="width: 200px"-->
<!--        class="filter-item"-->
<!--        placeholder="请选择用户性别"-->
<!--      >-->
<!--        <el-option v-for="(key,index) in genderDic" :key="index" :label="key.name" :value="key.value" />-->
<!--      </el-select>-->

<!--      <el-button-->
<!--        class="filter-item"-->
<!--        type="primary"-->
<!--        icon="el-icon-search"-->
<!--        @click="handleFilter"-->
<!--      >查找</el-button>-->
<!--      &lt;!&ndash;添加用户&ndash;&gt;-->
<!--      <el-button-->
<!--        class="filter-item"-->
<!--        type="primary"-->
<!--        icon="el-icon-edit"-->
<!--        @click="handleCreate"-->
<!--      >添加用户</el-button>-->
<!--    </div>-->

<!--    &lt;!&ndash; 查询结果 &ndash;&gt;-->
<!--    <div >-->
<!--      <el-table-->
<!--        v-loading="listLoading"-->
<!--        :data="list"-->
<!--        size="small"-->
<!--        element-loading-text="正在查询中。。。"-->
<!--        :height="tabHeight"-->
<!--        highlight-current-row-->
<!--        @current-change="handleCurrentChange"-->
<!--        fit-->
<!--      >-->
<!--        <el-table-column align="center" width="200px" label="学号" prop="id" sortable />-->
<!--        <el-table-column align="center" width="150px" label="用户姓名" prop="name" />-->
<!--        <el-table-column align="center" width="50px" label="性别" prop="sex"/>-->
<!--        <el-table-column align="center" width="110px" label="年级" prop="grade"/>-->
<!--        <el-table-column align="center" width="200px" label="专业" prop="stuPro"/>-->
<!--        <el-table-column align="center" width="200px" label="班级" prop="classNum"/>-->
<!--        <el-table-column align="center" label="用户书架" width="200" class-name="small-padding fixed-width">-->
<!--          <template slot-scope="scope">-->
<!--            <el-button-->
<!--              type="primary"-->
<!--              size="small"-->
<!--              @click="getBookshelf"-->
<!--            >查看书架</el-button>-->
<!--          </template>-->
<!--        </el-table-column>-->

<!--        <el-table-column align="center" label="操作" width="200" class-name="small-padding fixed-width">-->
<!--          <template slot-scope="scope">-->
<!--            <el-button-->
<!--              type="primary"-->
<!--              size="mini"-->
<!--              @click="handleUpdate(scope.row)"-->
<!--            >编辑</el-button>-->
<!--            <el-button-->
<!--              type="danger"-->
<!--              size="mini"-->
<!--              @click="handleDelete(scope.row)"-->
<!--            >删除</el-button>-->
<!--          </template>-->
<!--        </el-table-column>-->
<!--      </el-table>-->
<!--    </div>-->

<!--   <div class="fypage">-->
<!--     <el-pagination-->
<!--       v-show="total>0"-->
<!--       :total="total"-->
<!--       :page.sync="listQuery.pageNo"-->
<!--       :limit.sync="listQuery.limit"-->
<!--       @pagination="getList"-->
<!--     />-->
<!--   </div>-->

<!--    &lt;!&ndash; 添加或修改对话框 &ndash;&gt;-->
<!--    <el-dialog :title="textMap[dialogStatus]" :visible.sync="dialogFormVisible">-->
<!--      <el-form-->
<!--        ref="dataForm"-->
<!--        :rules="rules"-->
<!--        :model="dataForm"-->
<!--        status-icon-->
<!--        label-position="left"-->
<!--        label-width="100px"-->
<!--        style="width: 400px; margin-left:50px;"-->
<!--      >-->
<!--        <el-form-item label="隐藏的用户id" prop="id" hidden>-->
<!--          <el-input v-model="dataForm.id" />-->
<!--        </el-form-item>-->
<!--        <el-form-item label="用户昵称" prop="nickname">-->
<!--          <el-input v-model="dataForm.nickname" />-->
<!--        </el-form-item>-->

<!--        <el-form-item label="用户密码" prop="password">-->
<!--          <el-input v-model="dataForm.password" />-->
<!--        </el-form-item>-->
<!--        <el-form-item label="用户性别" prop="gender">-->
<!--          <el-select v-model="dataForm.gender" placeholder="请选择">-->
<!--            <el-option v-for="(key, index) in genderDic" :key="index" :label="key.name" :value="key.value" />-->
<!--          </el-select>-->
<!--        </el-form-item>-->

<!--      </el-form>-->
<!--      <div slot="footer" class="dialog-footer">-->
<!--        <el-button @click="dialogFormVisible = false">取消</el-button>-->
<!--        <el-button v-if="dialogStatus=='create'" type="primary" @click="createData">确定</el-button>-->
<!--        <el-button v-else type="primary" @click="updateData">确定</el-button>-->
<!--      </div>-->
<!--    </el-dialog>-->
<!--  </div>-->
<!--</template>-->

<!--<script>-->
<!--export default {-->
<!--    genderDicFilter(code) {-->
<!--      if (code === 1 || code === 2) {-->
<!--        return genderDic[code - 1].name-->
<!--      } else {-->
<!--        return '未知性别'-->
<!--      }-->
<!--    },-->
<!--    levelDicFilter(code) {-->
<!--      if (code === 0 || code === 1) {-->
<!--        return levelDic[code].name-->
<!--      } else {-->
<!--        return '未知等级'-->
<!--      }-->
<!--    },-->
<!--  data() {-->
<!--    return {-->
<!--      tabHeight: 540,-->
<!--      total: 10,-->
<!--      listLoading: false,-->
<!--      listQuery: {-->
<!--        pageNo: 1,-->
<!--        limit: 10,-->
<!--        nickname: undefined,-->
<!--        id: undefined,-->
<!--        status: undefined,-->
<!--        level: undefined,-->
<!--        gender: undefined-->
<!--      },-->
<!--      dataForm: {-->
<!--        id: undefined,-->
<!--        level: undefined,-->
<!--        phone: undefined,-->
<!--        gender: undefined,-->
<!--        nickname: undefined,-->
<!--        birthday: undefined,-->
<!--        status: undefined,-->
<!--        password: undefined-->
<!--      },-->
<!--      downloadLoading: false,-->
<!--      textMap: { update: '编辑', create: '创建' },-->
<!--      dialogFormVisible: false,-->
<!--      dialogStatus: '',-->
<!--      rules: {-->
<!--        nickname: [{ required: true, message: '用户昵称不能为空', trigger: 'blur' }],-->
<!--        gender: [{ required: true, message: '请选择用户性别类型', trigger: 'blur' }],-->
<!--        password: [{ required: true, message: '请输入密码', trigger: 'blur' }, { pattern: /^[0-9a-zA-Z$./]{8}/, message: '至少八个数字和字母' }]-->
<!--      }-->
<!--    }-->
<!--  },-->
<!--    created() {-->
<!--    this.getList()-->
<!--  },-->
<!--  methods: {-->
<!--      //单选列表-->
<!--      handleCurrentChange(val) {-->
<!--          this.currentRow = val;-->
<!--      },-->
<!--    getList() {-->
<!--      this.listLoading = false-->
<!--        // this.$axios.get('/manage/user/getList').than(res => {-->
<!--        //     this.list = res.data-->
<!--        //     this.listLoading = false-->
<!--        // }).catch(() => {-->
<!--        //     this.list = []-->
<!--        //     this.total = 0-->
<!--        //     this.listLoading = false-->
<!--        // })-->
<!--    },-->
<!--    getBookshelf() {-->
<!--    },-->
<!--    resetForm() {-->
<!--      this.dataForm = {-->
<!--        id: undefined,-->
<!--        level: undefined,-->
<!--        phone: undefined,-->
<!--        gender: undefined,-->
<!--        nickname: undefined,-->
<!--        birthday: undefined,-->
<!--        status: undefined-->
<!--      }-->
<!--    },-->
<!--    handleFilter() {-->
<!--      this.listQuery.pageNo = 1-->
<!--      this.getList()-->
<!--    },-->
<!--    handleStatus(row) {-->
<!--      this.resetForm()-->
<!--      this.dataForm.id = row.id-->
<!--      this.dataForm.status = row.status === 1 ? 0 : 1-->
<!--    },-->
<!--    handleCreate() {-->
<!--      this.resetForm()-->
<!--      this.dialogStatus = 'create'-->
<!--      this.dialogFormVisible = true-->
<!--      this.$nextTick(() => {-->
<!--        this.$refs['dataForm'].clearValidate()-->
<!--      })-->
<!--    },-->
<!--    createData() {-->
<!--      this.$refs['dataForm'].validate(valid => {-->
<!--        if (valid) {-->
<!--        }-->
<!--      })-->
<!--    },-->
<!--    handleUpdate(row) {-->
<!--      this.dataForm = Object.assign({}, row)-->
<!--      this.dialogStatus = 'update'-->
<!--      this.dialogFormVisible = true-->
<!--      this.$nextTick(() => {-->
<!--        this.$refs['dataForm'].clearValidate()-->
<!--      })-->
<!--    },-->
<!--    updateData() {-->
<!--      this.$refs['dataForm'].validate(valid => {-->
<!--        if (valid) {-->
<!--        }-->
<!--      })-->
<!--    },-->
<!--    handleDelete(row) {-->
<!--      this.$confirm('此操作将永久删除该用户-&#45;&#45;' + row.nickname + '-&#45;&#45;, 是否继续?', '提示', {-->
<!--        confirmButtonText: '确定',-->
<!--        cancelButtonText: '取消',-->
<!--        type: 'warning'-->
<!--      }).then(() => {-->
<!--      }).catch(() => {-->
<!--        return false-->
<!--      })-->
<!--    }-->
<!--  }-->
<!--}-->
<!--</script>-->
